@import "public.scss";

.return-header{
  background-color: #1f2735;
  height: px2rem(55px);
  padding-top: px2rem(15px);
  .title{
    width: 100%;
    position: absolute;
    text-align: center;
    font-size: px2rem(17px);
    color: #fff;
  }
  img{
    margin-left: px2rem(15px);
    width:px2rem(22px);
    height:px2rem(20px);
  }
}

.navlist-wrap{
  width:100%;
  background: #fff;
  margin-top: px2rem(10px);
  ul{
    width:100%;
    height:100%;
    padding: px2rem(0px) px2rem(15px);
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    li{
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
      text-align: center;
      line-height: px2rem(30px);
      a{
        font-size: px2rem(16px);
        color: #333;
        display: inline-block;
        height: px2rem(30px);
        &.active{
          border-bottom: 3px solid #ffb811;
          color: #ffb811;
        }
      }
    }
  }
}

.content-list{
  margin-top:px2rem(10px);
  ul{
    width:100%;
    height:100%;
    li{
      background: #fff;
      height: px2rem(50px);
      margin-bottom: px2rem(2px);
      .list-wrap{
        padding: px2rem(0px) px2rem(15px);
        .title{
          font-size: px2rem(16px);
          color: #333;
          line-height: px2rem(50px);
        }
        span{
          display: block;
          &.number{
            color: red;
            text-align: right;
            font-size: px2rem(16px);
            margin-top: px2rem(10px);
            em{
              font-size: px2rem(12px);
              margin-left: px2rem(5px);
            }
          }
          &.data{
            margin-top: px2rem(5px);
            font-size: px2rem(12px);
            color: #ccc;
          }
        }
      }
    }
  }
}




